import React from 'react';
import DocumentTitle from 'react-document-title';
import { enquireScreen } from 'enquire-js';
import Header from './Header';
import Banner from './Banner';
import Page1 from './Page1';
import Page2 from './Page2';
import Page3 from './Page3';
import Page4 from './Page4';
import Footer from './Footer';
import './static/style';


let isMobile = false;
enquireScreen((b) => {
  isMobile = b;
});


class About extends React.PureComponent {
  state = {
    isMobile,
    showShadow: false,
  };

  componentDidMount() {
    enquireScreen((b) => {
      this.setState({
        isMobile: !!b,
      });
    });
  }
  navToShadow = (e) => {
    this.setState({ showShadow: e.mode === 'leave' });
  }
  render() {
    return (
      [
        <Header key="header" className={this.state.showShadow ? 'show-shadow' : ''} />,
        <Banner key="banner" isMobile={this.state.isMobile} navToShadow={this.navToShadow} />,
        // <Page1 key="page1" isMobile={this.state.isMobile} />,
        // <Page2 key="page2" isMobile={this.state.isMobile} />,
        // <Page3 key="page3" isMobile={this.state.isMobile} />,
        <div className='page'>
          <div className='about'>
            <span className='title'>公司简介</span>
            <div className='content'>
              <div className='txt'>  深圳优控智物科技有限公司始于2020年，是一家专注于建筑能源管理综合服务解决方案领域，集软硬件研发、生产、销售于一体的高科技技术企业。公司坚持自主研发，打造核心竞争力，在深圳和武汉分别设立研发中心与生产中心，累积多项专利、软著、认证等科技成果。
                随着我国“双碳”规划实施，能源管理也迎来了新的发展机遇。优控科技凭借丰富的项目经验、扎实的技术、快速的创新，结合行业前沿云计算、物联网技术、AI技术等，正迎来高速发展的新阶段，为碳达峰碳中和助力。
              </div>
              <img className='bg' src='./src/Home/static/about_bg.jpg' alt="img"></img>
            </div>



          </div>
        </div>,
        <Page4 key="page4" />,
        <Footer key="footer" />,
        <DocumentTitle title="深圳优控智物科技有限公司" key="title" />,
      ]
    );
  }
}
export default About;
